<div class="row" style="margin-top: 30px;">
    <!--这里做子菜单展示-->
    <div class="col-md-2" style="margin-top: 50px;">
        <nav>
            <ul class="cm-menu-items" ng-if="containerState('user')">
                <li>
                    <a href="#/portal/user" ng-click="go('portal.user.list')">用户小工具</a>
                </li>
                <li>
                    <a class="nav-link" href="#/portal/user/list">用户管理页面</a>
                </li>
            </ul>
            <ul class="cm-menu-items" ng-if="containerState('blog')">
                <li>
                    <a ng-click="go('portal.blog')"
                       style="background-color: {{containerState('blog')}}?red:yellow">博客</a>
                </li>
                <li>
                    <a ng-click="go('portal.blog.java')" class="bg-success text-white">java</a>
                </li>
                <li>
                    <a ng-click="go('portal.blog.shell')" class="nav-link">shell</a>
                </li>
            </ul>

            <ul class="cm-menu-items" ng-if="containerState('interview')">
                <li>
                    <a href="#/portal/interview">面试题</a>
                </li>
            </ul>

        </nav>

    </div>
    <!--这里做子菜单内容展示-->
    <div class="col-md-8" style="height:600px;background-color:#ffffff;" ui-view="">
        <div class="container">
            <div class="row">
                <div class="col-md-12 main">
                    <h1 class="page-header">
                        快速导航
                    </h1>
                </div>
            </div>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-2 placeholder" style="background-color: #1abc9c;height: 50px"
                     ng-click="divClick('Hello')">
                    <!--<img class="img-responsive" alt="用户管理"-->
                    <!--src=""/>-->
                    <!--<h4>-->
                    <!--标题-->
                    </h4> <span class="text-muted">用户管理</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
            </div>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="用户管理"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
            </div>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="用户管理"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
                <div class="col-xs-6 col-sm-2 placeholder">
                    <img class="img-responsive" alt="200x200"
                         src=""/>
                    <h4>
                        标题
                    </h4> <span class="text-muted">简短描述</span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-2"></div>
</div>